<template>
	<view class='course-details-content'>
		<view class='course-content'>
			<view 
				class='course-item'
				v-for='(item,index) in bizCourseAttachments'
				:key='item.id'
			>
				<u-icon class='book' name="file-text-fill" color="#303133" size="20"></u-icon>
				<view class='title'>{{ item.attachmentName }}</view>
				<u-icon class='down' name="download" color="#303133" size="20"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
export default{
	props:{
		bizCourseAttachments:{
			type:Array,
			default:[]
		}
	}
}
</script>

<style lang='scss' scoped>
.course-item{
	display: flex;
	padding:0 30rpx;
	height: 80rpx;
	margin-top:6rpx;
	line-height: 80rpx;
	font-size:30rpx;
	.book,.down{
		display: flex;
		justify-content: center;
		align-items: center;
		width:80rpx;
		height: 80rpx;
		font-size:30rpx;
	}
	.title{
		flex:1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size:28rpx;
		color:#303133;
	}
}
</style>